<?php session_start(); ?>   
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>NAPFA System</title>
    <link rel="stylesheet" href="napfa.css"/>
    <script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
    <script src="SpryAssets/SpryValidationPassword.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css" />
    <link href="SpryAssets/SpryValidationPassword.css" rel="stylesheet" type="text/css" />
    <?php include 'CSSFunction.php'; ?>
</head>

<body onload="MM_preloadImages('Image/4.jpg','Image/Picture2hove.jpg','Image/Picture3hove.jpg','Image/welcome_graphic3hove.jpg','Image/OliveHOvber.jpg')">
    <div class="Wrapper" id="Wrapper"><center>

            <?php
            include 'Banner.php';
            include 'Header.php';
            require_once 'Function.php';
            ?>
            <div id="apDiv21">
                <p align="left">National Physical Fitness Assessment (NAPFA)</p>
            </div>
            <div id="apDiv23"><img src="Images/horizontalLine.jpg" width="400" height="1" />
            </div>
            <div id="apDiv26">
                <b><p align="left" >Member Login</p></b>
                <p align="left">Hello Guest,</p>
                <p align="left">Please enter your User Id &amp; Password to continue.</p>
                <p align="left">Thank You.</p>
            </div>
            <div id="apDiv24">
                <p align="left"><label><b>Login Here</b></label></p>
                <p align="left"><img src="Images/horizontalLine.jpg" width="400" height="1" /></p>
                <form id="form2" name="form2" method="post" action="Announcement.php" >
                    <p align="left"><span id="sprytextfield2">
                            <label for="tbxUsername">Username:</label>
                            <input type="text" name="username" id="tbxUsername" />
                            <span class="textfieldRequiredMsg">A value is required.</span></span></p>
                    <p align="left"><span id="sprypassword1">
                            <label for="tbxPassword">Password : </label>
                            <input type="password" name="password" id="tbxPassword" />
                            <span class="passwordRequiredMsg">A value is required.</span></span>
                    </p>
                    <p><a href="#" target="_blank">Forgot Password?</a> </p>
                    <p> 
                        <input type="hidden" name="formatsubmitted" value="TRUE"/>
                        <input type="submit" name="btnLogin" id="btnLogin" value="Login" />
                    </p>
                </form>
            </div>
            <?php
            include 'SideNavigation.php';
            include 'Footer.php';
            ?>
        </center>
    </div>
    <script type="text/javascript">
        var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1");
        var sprypassword1 = new Spry.Widget.ValidationPassword("sprypassword1");
        var sprytextfield2 = new Spry.Widget.ValidationTextField("sprytextfield2");
    </script>
</body>
</html>